<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/_reset.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/personal.css" />
	</head>

	<body style="overflow-x: hidden;">
		<div class="personal">
			<div class="top">
				<a href="javascript:history.back(-1)" class="back">
					<i class="iconfont">&#xe615;</i></a>
						个人信息
			</div>
			<div class="lis container">
				<ul>
					<li>
						<a href="#">
							我的头像
							<i class="iconfont">&#xe60b;</i>
							<span><img src="img/ig.png"/></span>
						</a>
					</li>
					<li><a href="#">
						会员名
						
							<i class="iconfont">&#xe60b;</i>
					</a></li>
					<li><a href="#">
						我的邀请ID
							<i class="iconfont">&#xe60b;</i>
					</a></li>
					<li><a href="#">
						性别
							<i class="iconfont">&#xe60b;</i>
					</a></li>
					<li><a href="#">
						电话
							<i class="iconfont">&#xe60b;</i>
					</a></li>
					<li><a href="#">
						实体店名称
							<i class="iconfont">&#xe60b;</i>
					</a></li>
				</ul>
			</div>
		</div>
	</body>
	<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/iconfont.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		console.log($(".lis ul li a span").height())
		$(".lis ul li a span").width($(".lis ul li").height()/2+"px")
		$(".lis ul li a span").height($(".lis ul li a span").width()+"px")
		console.log($(".lis ul li a span").height())
	</script>
</html>